<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
  <head>
    <title>1987</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  	<style>
	.logo {
	display: inline;
	margin: 30px 1px 1px 50px;
	}
	.nav {
	font-weight: bold;
	display: inline;
	font-size: 22px;
	color: darkslateblue;
	font-family: Comic sans MS;
	margin-left: 200px;
	}
	.header {
	height: 100px;
	background: lightblue;
	}
	.img {
	border: 1px solid red;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	}
	.section{
	border: 1px solid red;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	}
	.art {
	border-bottom: 1px dashed;
	}
	.h1{
	font-size: 44px;
	color: darkslategrey;
	}
	.h3{
	font-size:22px;
	color: slategrey;
	}
	.a{
	font-size: 18px;
	background: darkslategrey;
	color: white;
	margin: 0px 0px 0px 500px;
	}
	.section1{
	display: inline-block;
        height: 195px;
	background: lightblue;
	margin: 10px 0px 10px 30px;
	}
	.seca{
	border: 2px solid red;
	width: 1000px;
	margin: 0px 0px 0px 125px
	}
	.foot{
	background: lightblue;
	height: 300px;
	}
	.sec5{
	border: 2px solid red;
	display: inline-block;
	}
	.sec6{
	border: 2px solid red;
	display: inline-block;
	}
	.par{
	text-align: center;
	margin:80px 0px 0px 0px;
	}
	.hh{
	color: white;
	}
	.par2{
	color: darkslategrey;
	}
	.p2{
	font-size: 19px;
	}
	.section4 {
	display: inline-block;
	border: 1px solid red;
	}
	.p{
	border-bottom:1px dashed;
	}
	.aside{
        display:inline-block;
	border: 1px solid red;
	margin: 0px 0px 0px 10px
	}
	.h8{
	color: darkslategrey;
	}
    </style>
  </head>
  <header class="header">
    <img class="logo"src="http://demo.gently.sooperthemes.com/sites/all/themes/gently/logo.png">
    <nav class="nav">
      <a href="1987.html">Shortcodes</a> | <a href="1987.html">Features</a> |
	  <a href="1987.html">Blog</a> | <a href="1987.html">Contact</a>
	</nav>
  </header>
  <section class="seca">
    <article class="art"> 
      <img src="http://demo.gently.sooperthemes.com/sites/default/files/gently/content-images/slide-leaves.jpg" class="img">
	  <section class="section">
	    <p class="h1">Gently by SooperThemes<p>
	    <p class="h3">Sensible, Functional, Beautiful<p>
	      Gently is THE theme for a business or blog that benefits from a gentile,<br>
	      calm and sensible first impression. Gently offers all the Sooper features<br>
	      you've come to expect from SooperThemes.com premium Drupal themes.<br> 
	      Check out some of the configuration options on the configurator tryout page:
      </section>
	  <a href="1987.html" class="a">TRY THE CONFIGURATOR</a>
    </article>
    <section class="section1">
      <h3>Our Philosophy</h3>
	  <p>Lorem ipsum dolor sit amet, consectetur<br>
	    adipiscing elit. Donec placerat suscipit<br>
	    eleifend. Duis mattis nisl id elit<br>
	    tincidunt sed congue ipsum ullamcorper.<br>
	    Sed pharetra justo eget velit tempus congue<br>
	    sed et sapien. Pellentesque in accumsan orci.
	  </p>
    </section>
    <section class="section1">
      <h3>Open Source</h3>
	  <p>To promote our open source software we distribute<br>
  	     our innovations in the form of GPL projects:
	  </p>
	  <ul>
	    <li>Tundra Framework
	    <li><a href="1987.html">jQuery SooperFish Plugin</a>
	    <li><a href="1987.html">"Project Politika</a>
	  </ul>
    </section>
    <section class="section1">
      <h3>Why Choose SooperThemes?</h3>
	  <ol>
	    <li>Easy installation with Sooper StarterKit
	    <li>Best-in-class Support!
	    <li>Goal oriented professional designs
	    <li>SEO optimized and lighning fast cod
	    <li>Easy configuration with Sooper Configurator<br>
       	    settings (try it...)
	  </ol>
    </section>
    <section class="section4">
      <h2 class="h8">What Customers Say:</h2>
      <p class="p2"><em>Gently has really helped my organization solve some long-standing problems.<br> 
	    After I found this website I felt Gently could be trusted to lead my organization<br>
		into a new road and this proved to be the best move in the history of <br>
		the company!</em>
      </p>
      <cite>
        <p>Clyde, America (disclaimer: this is a fake placeholder testimonial)</p>
      </cite>
      <h2 class="h8">About Gently</h2>
	  <p>Gently is a business/blog theme that was created to offer a more friendly, organic and calm design<br>
    	to our premium Drupal themes line. The theme was completely designed around natural elements. The<br>
		main background is a fabric texture and the green backgrounds are covered in a paper texture. Default <br>
		list icons have the shape of a leave and the content-title and slideshow have an abstract graphical<br>
		background that actually consists of leaves! <strong>Seen enough? go purchase this theme from <br>the <a href="1987.html">product page!</a></strong>
      </p>
    </section>
	 <aside class="aside">
      <h2 class="h8">TWITTER UPDATES</h2>
	  <blockquote>
	    <p class="p"><a href="1987.html">@RicardoCorai</a> Paypal is my payment <br>processor, you dont have to register with<br> paypal and they take all 
	    sorts of credit cards<br> <a href="1987.html"><em>sooperthemes</em></a>
	    </p>
	    <p class="p"><a href="1987.html">@@RicardoCorai</a> Yes I want to make some<br> videos to put there but video production is <br>tougher than I thought. 
	       coming soon tough.<br> <a href="1987.html"><em>sooperthemes</em></a>
	    </p>
	    <p class="p">Working on tutorial videos for sooperthemes:<br><a href="1987.html">t.co/VgDX2BRK</a> Not as easy as you'd think.<br> <a href="1987.html"><em>sooperthemes</em></a>
	  </blockquote>	
    </aside>
  </section>
  <footer class="foot">
    <section class="sec5">
      <h3 class="hh">Happy Clients of Gently</h3>
	  <img src="http://demo.gently.sooperthemes.com/sites/default/files/gently/content-images/client-logos.jpg">
	</section>
	<section class="sec6">
	  <h3 class="hh">Contact Us</h3>
	  <p class="par2">
	     Weverstede 55<br>
         3431JS Nieuwegein<br>
         Netherlands<br>
         info@example.com<br>
         0031-30-60-12345<br>
	  </p>
	</section>
	<p class="par"><a href="1987.html">Drupal Themes by sooperthemes</a></p>
  </footer>
</html>
